Top 18 Unique Accordion Slider jQuery Projects

1. Accordions Plus for WordPress

featured image

Easily add Responsive Horizontal / vertical Accordions or Fade/Slider sliders to your WordPress blog with Accordions Plus. Accordions Plus is powered by dynamic and extensible javascript backend written in jQuery. Accordions Plus is not just an accordion plugin, but rather a slider framework that can morph into anything you wish to implement.Hardware accelerated CSS3 transitions with jQuery fallback. Over 28 jQuery UI themes

Each slider is highly customizable individually, through the options page and editor page.jQuery UI skins and Custom skins support.When editing an accordion, you can choose through the following options.Further, There is AJAX preview button that lets you test drive your slider instantly from within the editor!

Fix for jQuery gallery plugin insertion button and admin pages.

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. OneSlider - Interactive Responsive Slider

featured image

OneSlider – Responsive Slider

OneSlider is a Responsive Slider jQuery plugin that is not only used to show your banners or jQuery image gallery slider tutorial but also allow to add content for each slide.Support Full Width Slider.Show/Hide Slider Navigation ( Thumbnails ).Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS

Responsive Shop Slider

Rainbow Background Full Screen jQuery Plugin

Metro Tab jQuery

More Details

4. Tabion jQuery - Modern Responsive Tab Accordion

featured image

Tabion jQuery – Modern Responsive Tab Accordion

Tabion jQuery – Modern Responsive Tab Accordion is a small jQuery plugin that is used to create modern Tab with powerful features.If you like to see the plugin documentation you can check it here: Tabion jQuery tabs slideshow

Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion CSS – Metro Tab Accordion Switcher

OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details

5. MetroBox - Responsive LightBox

featured image

MetroBox is a photo slider jQuery plugin for displaying photos/videos or anything you want with visitor/user comments ( like social network features ).Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS

OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details

6. TabLooper - Responsive Loop Tab Metro UI

featured image

TabLooper – Responsive Loop Tab jQuery

TabLooper is a Responsive Tab jQuery Plugin that is used to create tabs for your sites with responsive layout, support unlimited tabs, combine inline and ajax image slider for best performance, move tab content by lightbox touch swipe event ( on mobile lightbox ) or left/right keys ( on desktop/laptop ) or simple click on buttons ( all devices ).Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS

OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details

7. MenuStation - Real Unlimited Responsive Menu

featured image

Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS

OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details

8. ScreenSlider - Reponsive Touch Presentation

featured image

Screen Slider – Current Version: 1.ScreenSlider is a fullscreen slider which allows you customize effects for all parts with responsive design, support touch to move slides.Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS

OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details

9. MetroTab - Responsive Tab for Metro UI

featured image

Metrotabs is a light jQuery plugin to create tabs with metro style.Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS

OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details

10. Unleash jQuery Responsive Accordion Slider

featured image

1] The Slider is Now responsive

More Details

11. Saloon - The jQuery Banner Rotator Plugin

featured image

Saloon – The jQuery banner rotator slideshow free download animates your image and text slides with transition effects of the wide library. See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. Give each slider a description and more elements to transport your message.What makes this Slider unique is that you not only can animate all the elements (Text, Icons, Pics…) on each slide too.No! It is the typical way of implementing a jQuery plugin.Conflictfree jQuery Plugin

Clean HTML Accordion Documentation

More Details

12. Zozo Accordion - Responsive and Touch-Friendly

featured image

Zozo Accordion is Fully responsive and touch-friendly with a lot of customization options that can be integrated into your site/blog quickly without writing any code. Some of its key features includes: such as CSS3 slideshow with jQuery fallback, horizontal, vertical, slider, menu accordion, load content with AJAX, custom styled scrollbar for Webkit, 10 unique themes, semantic HTML5 and SEO friendly and much more.New Features in Zozo Accordion Version 3

Vertical navigation menu accordion

Zozo Accordion Features

Fully documented and step-by-step guide provided to help you get up and running with Zozo Accordion. CSS3 transitions with jQuery fallback – superfast on mobile & table

Slider accordion – Add images inside accordion and it will display it like a slider, view slider demo

Multiple accordion allowed on one page (Multiple Instances), view multiple instance demo

Horizontal to vertical accordion content slider – is one its unique features, switching between horizontal and vertical depending on screen size and device type, view horizontal to jQuery slider vertical

Nested accordion, can have different themes and options without any conflict, view nested demo

Horizontal and vertical accordion, view horizontal demo

Load content with AJAX by passing an array of urls through initialization or add url directly to header of each accordion section using HTML5 Data Attributes

HTML Content – Put absolutely any HTML content inside each Accordion content (Images, Audio, and Video). Vertical navigation menu accordion

Links – You can put a external link or any type of link to each accordion header. Autoplay support Automatically animate through accordion sections when visitors arrive on your website. Advanced animation options using jQuery Easing Plugin (optional), otherwise “linear” or “swing”.Cross-browser and Platform – Zozo Accordion supports all major desktop browsers (including IE7, IE8, IE9, IE10, Chrome, Firefox, Safari, Opera) and mobile browsers. Keyboard navigation – Optionally enable the cursor keys to browse an accordion.com/accordion

Free support and Updates – Zozo Accordion is now in its 3rd version, and each of these updates has been free. Zozo Accordion is always under development, frequently updated and continues to offer more features and improvments with each new release. I like this accordian, it is responive: when you resize your browser smaller, a horizontal accordion image slider changes to be vertical (and all the text rotates round to the correct orientaion) – That is very nice. My first impression is this is a great Accordion. View Accordion demos on your mobile device

Added: jQuery 1. Added: Shadow for wordpress image slider

Added: minWidth and minWindowWidth before it switches to vertical (responsive accordion)

Added: headerFontSize and headerSize for vertical accordion image slider jQuery (responsive accordion)

Improved: Accordion with scrollbars

Fixed: Horizontal Accordion spacing issue in Sarfari and Opera

Added: New horizontal slider accordion with spacing also added to examples/templates

Added: New FAQ accordion to examples/templates

Added: New vertical navigation accordion to examples/templates

Added: Option headerFontSize used for jQuery accordion slideshow

Improved: Slider accordion with images

Fixed: Nested vertical accordion incorrect collapsing and expanding child accordions

Fixed: Internet Explorer 8 bug in jQuery horizontal accordion

Added: CSS3 transition for collapsing and expanding accordion

Added: Slider Accordion with optional dot navigation

Added: new options such as: animation type, slider, dotNav, shawIcons

Improved: Documentation, all options are fully documented and has jQuery slideshow code for jQuery and HTML5 data attribute usage. Fixed: Nested vertical accordion incorrect collapsing and expanding child accordions

Fixed: Horizontal accordion rendered incorrectly after changing options (setOptions) after the first first

Improved: Vertical accordion animation(collapsing and expanding)

More Details

13. Rainbow Background jQuery Plugin

featured image

Rainbow Background jQuery Plugin

Rainbow Background is a small jQuery Plugin that is used to create vivid Full Screen backgrounds with many styles, colors, image patterns, support Responsive Design and Auto Change.Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS

OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details

14. OneMenu - Responsive Metro UI Menu

featured image

OneMenu is a jQuery navigation menu plugin that is created for Metro UI themes.Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS

OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details

15. Evo Slider Pro - jQuery Slider Plugin

featured image

Evo Slider ProjQuery Slideshow & Content Slider Plugin

EVO SLIDER PRO 2.Evo Slider is an all in one jQuery slider that lets you create any type of responsive slider and give you the flexibility to use it in a variety of ways – whether you’re building anything from an image gallery, to a jQuery banner rotator slideshow download and lots of things in-between.Evo Slider is the best, and probably last jQuery slider plugin you’ll ever need.Multiple Layout – Multiple layout slider in one plugin. Simply set your slider to display in accordion, fading, or scrolling mode.Autoplay – Slider can be set to rotate automatically at a preset time.Touch Screen Support – Evo Slider includes touch interaction support. navigation of the slider and scroll the carousel on mouse over.Toggle Icon – The toggle icon of the accordion slider jQuery can be customized

HTML Content – You are not limited to using just images, Evo Slider gives

media can all be placed inside the slides of Evo Slider. your Evo Slider.Public API- Controlling your Evo Slider from outside with its API.External Linking – Evo Slider can be controlled from an HTML link

Visit Evo Slider site to get more information.Evo Slider Pro History

[06/27/2013] Evo Slider Pro v2.[05/09/2013] Evo Slider Pro v2.[12/09/2012] Evo Slider Pro v2.[11/18/2012] Evo Slider Pro v2.[07/06/2012] Evo Slider Pro v2.[06/20/2012] Evo Slider Pro v2.[06/04/2012] Evo Slider Pro v2.[05/02/2012] Evo Slider Pro v1.[04/26/2012] Evo Slider Pro v1.[04/16/2012] Evo Slider Pro v1. Fixed bug on the title bar index (accordion).[04/06/2012] Evo Slider Pro v1.[03/30/2012] Evo Slider Pro v1. Support old jQuery library.[03/29/2012] Evo Slider Pro v1.[03/26/2012] Evo Slider Pro v1.Canvas Slider

More Details

16. Tabion - Metro Tab Accordion Switcher CSS

featured image

Tabion – Metro Tab Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS is a small CSS plugin that is used to create Tab with Metro UI style. Tabion also support Responsive Design that will switch to wordpress vertical accordion menu when it is viewed on small screens like Mobile Devices.Navion – Metro Navigation Menu Accordion Switcher CSS

OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details

17. ShopSlider - Responsive Shop Slider with Tab

featured image

Responsive Shop Slider

ShopSlider is a responsive slideshow jQuery Shop Slider Plugin for commercial sites, online shops, stores.Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS

OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details

18. OpenPanel - Open Responsive Panel Anywhere

featured image

Open Panel jQuery Plugin

OpenPanel is a tabs jQuery plugin that allows you to open panel at any where in your page, unlimited panels as you want and support for responsive design.Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS

OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details

19. MetroPanel - The New Navigator for Modern Sites

featured image

jQuery + CSS3 Animation Effects

Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS

OneSlider – Responsive Slider With Interactive Content

Rainbow Background Full Screen jQuery Plugin

Responsive Shop Slider

Metro Tab jQuery

More Details